{include file="public/header"/}
<link rel="stylesheet" href="{__PUBLIC_PATH}/admin/pcf/pcfbase1.css?v={$version}"/>
</head>
<body>
<div id="LAY-component-layer-list">
<div class="layui-fluid" style="padding-bottom:75px;">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-row layui-col-space15" id="pcfcms">  
            </div>
        </div>
    </div>
</div>
</div>
{include file="public/footer"/}
<script>
    layui.use(['layer', 'form', 'element'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        layer.msg('正在处理请勿刷新页面', {icon: 16,shade: 0.01,time:1000000});
        $.ajax({
            url: "http://www.pcfcms88.com/api.php/Ajax/shopmb.html",
            type: 'POST',
            dataType: 'JSON',
            success: function(res){
              layer.closeAll();
                var v_list = res.data;
                var str = '';
                for(var i in v_list)
                {
                  str +='<div class="layui-col-md2 layui-col-sm4">';
                  str +='<div class="cmdlist-container">';
                  str +='<a href="'+v_list[i]['arcurl']+'" target="_blank"><img width="100%" height="auto" src="'+v_list[i]['litpic']+'"></a>';
                  str +='<div class="cmdlist-text" style="margin-top:15px;">';
                  if(v_list[i]['yanshi']){
                    str +='<a href="'+v_list[i]['yanshi']+'" target="_blank" class="layui-btn layui-btn-danger layui-btn layui-btn-sm" style="float:left;">演示地址</a>';
                  }else{
                    str +='<a href="'+v_list[i]['arcurl']+'" target="_blank" class="layui-btn layui-btn-danger layui-btn layui-btn-sm" style="float:left;">详细地址</a>';
                  }
                  str +='<a href="http://www.pcfcms88.com" target="_blank" class="layui-btn layui-btn layui-btn-sm" style="float:right;">官方网站</a>';
                  str +='<div style="width:100%;height:auto;clear:both;"></div>';
                  str +='</div>';
                  str +='</div>';
                  str +='</div>';
                }
                $("#pcfcms").append(str);
            },
            error: function(e){
                layer.msg("未知错误，操作中断！", {icon:2, time:1000});
                return false;
            }
        });        
    });
</script>
</body>
</html>